<p style="margin-bottom: 0px">&nbsp;</p>
<nz-spin [nzSpinning]="loading">
  <nz-card>
    <!-- <nz-tabset [nzTabBarExtraContent]="extraTemplete" (nzSelectChange)="change($event)">
      <nz-tab nzTitle="新建维护任务"></nz-tab>
      <nz-tab nzTitle="待维护任务"></nz-tab>
      <nz-tab nzTitle="已维护任务"></nz-tab>
    </nz-tabset>
    <ng-template #extraTemplete>
      <nz-dropdown >
          <button nz-button nz-dropdown>添加<i class="anticon anticon-down"></i></button>
          <ul nz-menu>
            <li nz-menu-item>
              <a (click)="gotoAdd()"><i class="anticon anticon-plus"></i> 添加GPS</a>
            </li>
            <li nz-menu-item>
              <a>
                <nz-upload [nzAction]="uploadreplanExcelUrl" [nzShowUploadList]="false" nzAccept="application/vnd.ms-excel"
                    (nzChange)="uploadProd($event)">
                    <i class="anticon anticon-upload"></i> 导入信息
                </nz-upload>
              </a>
            </li>
            <li nz-menu-item>
              <a down-file [http-data]="data" [http-url]="mbdownurl" file-name="GPS信息" *ngIf="mbdownurl">
                <i class="anticon anticon-download"></i> 下载模板
              </a>
            </li>
          </ul>
      </nz-dropdown>

    </ng-template> -->

    <form nz-form [nzLayout]="'inline'" class="search__form">
      <nz-row [nzGutter]="24">
        <nz-col nzMd="4" nzSm="24">
          <nz-form-item>
            <nz-form-control>
              <input type="text" nz-input placeholder="订单编号" [(ngModel)]="q.orderNo" name="orderNo">
            </nz-form-control>
          </nz-form-item>
        </nz-col>
        <nz-col nzMd="3" nzSm="24">
          <nz-form-item>
            <nz-form-control>
              <input type="text" nz-input placeholder="客户姓名" [(ngModel)]="q.cusName" name="cusName">
            </nz-form-control>
          </nz-form-item>
        </nz-col>
        <nz-col nzMd="3" nzSm="24">
          <nz-form-item>
            <nz-form-control>
              <input type="text" nz-input placeholder="车型" [(ngModel)]="q.orderCartype" name="orderCartype">
            </nz-form-control>
          </nz-form-item>
        </nz-col>
        <nz-col nzMd="3" nzSm="24">
          <nz-form-item>
            <nz-form-control>
              <input type="text" nz-input placeholder="车牌" [(ngModel)]="q.orderCarno" name="orderCarno">
            </nz-form-control>
          </nz-form-item>
        </nz-col>
        <nz-col nzMd="2" nzSm="24">
          <button nz-button type="button" [nzType]="'primary'" class="mx-sm" (click)="st.load(1, q)">{{'search' | translate}}</button>
        </nz-col>
      </nz-row>
    </form>
  </nz-card>

  <nz-card nzTitle="订单列表">
    <simple-table #st
      [columns]="columns"
      [data]="url"
      [ps]="ps"
      [extraParams]="q"
      [resReName]="{total:'total', list:'data'}"
      [reqReName]="{pi:'pageNumber', ps:'pageSize'}"
      toTopInChange
      [showTotal]="true"
      [showPagination]="true"
      [showSizeChanger]="true"
      [scroll]="{x:'1300px'}"
      (checkboxChange)="checkboxChange($event)"
      >
    </simple-table>
  </nz-card>
</nz-spin>
